
<template>
            <yt-grid width="1664" height="1016" background="#4A90E21A" class="page-r4lps">
                
            <yt-grid-item fixedSize='selfAdaption' id="yt-21tpzm11ysk6z" gridColumnStart="33" gridColumnEnd="1620" gridRowStart="173" gridRowEnd="993" zIndex="1" previewType="FixedWH">
                <div ref='ref1' class='webVueAntYtRectangle webVueAntYtRectangleStyle-e9ya1 webVueAntYtRectangleStyle'>
                            
                        </div>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' id="yt-1e8acm11ysk7e" gridColumnStart="67" gridColumnEnd="147" gridRowStart="193" gridRowEnd="225" zIndex="2" previewType="FixedWH">
                <a-button ref='ref2' @click="()=> { handleShowAddPopup(); }" class='webVueAntButton webVueAntYtButtonStyle-8paac  webVueAntYtButtonStyle center' :loading='Newloading1'>
                            <span class='yt-button-content ' v-html='"新增"'>
                            
                        </span>
                        </a-button>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' id="yt-lm867m11ysk7r" gridColumnStart="33" gridColumnEnd="1620" gridRowStart="61" gridRowEnd="154" zIndex="3" previewType="FixedWH">
                <div ref='ref3' class='webVueAntYtRectangle webVueAntYtRectangleStyle-f48gy webVueAntYtRectangleStyle'>
                            
                        </div>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' :isShow='AccountNumberisShow1' id="yt-k2ia6m11ysk7t" gridColumnStart="67" gridColumnEnd="347" gridRowStart="92" gridRowEnd="124" zIndex="4" previewType="FixedWH">
                <a-form-item ref='ref4' class='webVueAntInputFormItem webVueAntYtInputFormItem-shqdv  webVueAntYtInputFormItem show-label' name='AccountNumbervalue1' :colon='false'>
                            <template #label>
                            <div class='label-content '>
                            <span class='ant-form-item-content ' v-html='"账号"'>
                            
                        </span>
                        </div>
                        </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-h7xq5 webVueAntYtInputStyle' v-model:value='AccountNumbervalue1' :maxLength='100' :placeholder='"请输入"'>
                            
                        </a-input>
                        </a-form-item>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' id="yt-nnwzvm11ysk8e" gridColumnStart="1381" gridColumnEnd="1461" gridRowStart="91" gridRowEnd="123" zIndex="5" previewType="FixedWH">
                <a-button ref='ref5' @click="()=> { handleQueryUsers(); }" class='webVueAntButton webVueAntYtButtonStyle-zctcy  webVueAntYtButtonStyle center' :loading='Queryloading1'>
                            <span class='yt-button-content ' v-html='"查询"'>
                            
                        </span>
                        </a-button>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' :isShow='UserFormisShow1' id="yt-mflwqm11ysk8j" gridColumnStart="65" gridColumnEnd="1599" gridRowStart="236" gridRowEnd="970" zIndex="6" previewType="FixedWH">
                <yt-table ref='ref6' @onTableChange="(pagination)=> { handlePaginateUsers(pagination); }" class='webVueAntYtTable webVueAntYtTableStyle-i71kh webVueAntYtTableStyle' :canSelect='false' v-model:currentRow='UserFormcurrentRow1' v-model:selectedRows='UserFormselectedRows1' v-model:total='UserFormtotal1' v-model:current='UserFormcurrent2' v-model:pageSize='UserFormpageSize1' :columns='UserFormdata1.columns' :dataSource='UserFormdata1.dataSource' :scroll='{y:620.0000242060419}'>
    <template #cell='{ column, record }'>
        <template v-if='column.dataIndex === "operation"' :forKey='"operation"'>
            <div style="width:100%;height:100%;background:#fff;display:flex;">
                <div style="display:flex;margin-left: 10px;margin-top:7.199999999999999px;width: 20.15%;height: 66.67%;float: left;">
                    <!-- 状态1 -->
                    <a-button ref='ref10' @click="()=> { handleShowEditPopup(record); }" class='webVueAntButton webVueAntYtButtonStyle-qt6q7  webVueAntYtButtonStyle center ' :loading='Editloading1'>
                        <span class='yt-button-content ' v-html='"编辑"'></span>
                    </a-button>
                </div>
                <div style="display:flex;margin-left: 10px;margin-top:7.199999999999999px;width: 20.15%;height: 66.67%;float: left;">
                    <!-- 状态1 -->
                    <a-button ref='ref11' @click="()=> { handleShowAssignRolePopup(record); }" class='webVueAntButton webVueAntYtButtonStyle-n9e8k  webVueAntYtButtonStyle center ' :loading='AssignRolesloading1'>
                        <span class='yt-button-content ' v-html='"分配角色"'></span>
                    </a-button>
                </div>
                <div style="display:flex;margin-left: 10px;margin-top:7.199999999999999px;width: 13.10%;height: 66.67%;float: left;">
                    <!-- 状态1 -->
                    <a-button ref='ref12' @click="()=> { handleDeleteUser(record); }" class='webVueAntButton webVueAntYtButtonStyle-46htz  webVueAntYtButtonStyle center ' :loading='Deleteloading1'>
                        <span class='yt-button-content ' v-html='"删除"'></span>
                    </a-button>
                </div>
                <div style="display:flex;margin-left: 10px;margin-top:7.199999999999999px;width: 20.15%;height: 66.67%;float: left;">
                    <!-- 状态1 -->
                    <a-button ref='ref29' @click="()=> { handleShowResetPasswordPopup(record); }" class='webVueAntButton webVueAntYtButtonStyle-hqu6x  webVueAntYtButtonStyle center ' :loading='ResetPasswordloading1'>
                        <span class='yt-button-content ' v-html='"重置密码"'></span>
                    </a-button>
                </div>
                <div style="display:flex;margin-left: 10px;margin-top:7.199999999999999px;width: 14.36%;height: 66.67%;float: left;">
                    <!-- 状态1 -->
                    <a-button v-if="record.status === '启用'" ref='ref30' @click="()=> { handleToggleUserStatus(record); }" :loading='Enableloading1' :class='["webVueAntButton","webVueAntYtButtonStyle-9qywg-1","webVueAntYtButtonStyle","center"] '>
                        <span class='yt-button-content ' v-html='"锁定"'></span>
                    </a-button>
                    <!-- 状态2 -->
                    <a-button v-if="record.status === '锁定'" ref='ref30' @click="()=> { handleToggleUserStatus(record); }" :loading='Enableloading1' :class='["webVueAntButton","webVueAntYtButtonStyle-9qywg-2","webVueAntYtButtonStyle","center"] '>
                        <span class='yt-button-content ' v-html='"启用"'></span>
                    </a-button>
                </div>
            </div>
        </template>
    </template>
</yt-table>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' id="yt-mnp3jm11yskc7" gridColumnStart="1481" gridColumnEnd="1561" gridRowStart="91" gridRowEnd="123" zIndex="7" previewType="FixedWH">
                <a-button ref='ref13' @click="()=> { handleResetUsers(); }" class='webVueAntButton webVueAntYtButtonStyle-8imow  webVueAntYtButtonStyle center' :loading='Resetloading1'>
                            <span class='yt-button-content ' v-html='"重置"'>
                            
                        </span>
                        </a-button>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' :isShow='AddedpopupwindowisShow1' id="yt-cscz8m11yskcc" gridColumnStart="552" gridColumnEnd="1067" gridRowStart="136" gridRowEnd="807" zIndex="8" previewType="FixedWH">
                <yt-custom-modal ref='ref14' @ok="()=> { handleAddUser(); }" @cancel="()=> { handleCancelAddPopup(); }" class='webVueAntYtModal  webVueAntYtModalStyle' v-model:isShow='AddedpopupwindowisShow1' :title='"新增"'>
                            <template #content>
                            <a-form class='webVueAntForm ' :model='Addedpopupwindowform1' ref='ref14_form'>
                            
            <yt-grid  previewType="FixedWH" width="511" height="565">
                
            <yt-grid-item fixedSize='selfAdaption' id="yt-szeu3m11yskcn" gridColumnStart="99" gridColumnEnd="425" gridRowStart="50" gridRowEnd="82" zIndex="1" previewType="FixedWH">
                <a-form-item ref='ref18' class='webVueAntInputFormItem webVueAntYtInputFormItem-vgvud  webVueAntYtInputFormItem show-label' name='AccountNumber1value1' :colon='false' :rules='[{"required":true,"message":"不能为空"}]'>
                            <template #label>
                            <div class='label-content '>
                            <span class='ant-form-item-content ' v-html='"账号"'>
                            
                        </span>
                        </div>
                        </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-1251b webVueAntYtInputStyle' v-model:value='Addedpopupwindowform1.AccountNumber1value1' :maxLength='100' :placeholder='"请输入"'>
                            
                        </a-input>
                        </a-form-item>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' id="yt-zb3pmm11yskcu" gridColumnStart="71" gridColumnEnd="424" gridRowStart="125" gridRowEnd="157" zIndex="2" previewType="FixedWH">
                <a-form-item ref='ref19' class='webVueAntInputFormItem webVueAntYtInputFormItem-jazu5  webVueAntYtInputFormItem show-label' name='Theusernameisvalue1' :colon='false' :rules='[{"required":true,"message":"不能为空"}]'>
                            <template #label>
                            <div class='label-content '>
                            <span class='ant-form-item-content ' v-html='"用户名称"'>
                            
                        </span>
                        </div>
                        </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-svy7z webVueAntYtInputStyle' v-model:value='Addedpopupwindowform1.Theusernameisvalue1' :maxLength='100' :placeholder='"请输入"'>
                            
                        </a-input>
                        </a-form-item>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' id="yt-iz6hvm1788mlv" gridColumnStart="99" gridColumnEnd="425" gridRowStart="276" gridRowEnd="308" zIndex="3" previewType="FixedWH">
                <a-form-item ref='ref31' class='webVueAntInputFormItem webVueAntYtInputFormItem-bs417  webVueAntYtInputFormItem show-label' name='Mobilephonenumbervalue1' :colon='false' :rules='[]'>
                            <template #label>
                            <div class='label-content '>
                            <span class='ant-form-item-content ' v-html='"手机号"'>
                            
                        </span>
                        </div>
                        </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-xaeoq webVueAntYtInputStyle' v-model:value='Addedpopupwindowform1.Mobilephonenumbervalue1' :maxLength='100' :placeholder='"请输入"'>
                            
                        </a-input>
                        </a-form-item>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' id="yt-40wrvm17891ca" gridColumnStart="115" gridColumnEnd="425" gridRowStart="352" gridRowEnd="384" zIndex="4" previewType="FixedWH">
                <a-form-item ref='ref32' class='webVueAntInputFormItem webVueAntYtInputFormItem-a6x64  webVueAntYtInputFormItem show-label' name='Telephonevalue1' :colon='false' :rules='[]'>
                            <template #label>
                            <div class='label-content '>
                            <span class='ant-form-item-content ' v-html='"电话<br>"'>
                            
                        </span>
                        </div>
                        </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-6qkfh webVueAntYtInputStyle' v-model:value='Addedpopupwindowform1.Telephonevalue1' :maxLength='100' :placeholder='"请输入"'>
                            
                        </a-input>
                        </a-form-item>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' id="yt-dbh9um1789acm" gridColumnStart="115" gridColumnEnd="425" gridRowStart="428" gridRowEnd="460" zIndex="5" previewType="FixedWH">
                <a-form-item ref='ref33' class='webVueSelectFormItem webVueAntYtSelectFormItem-i6ydj  webVueAntYtSelectFormItem show-label' name='Statusvalue1' :colon='false' :rules='[]'>
                            <template #label>
                            <div class='label-content '>
                            <span class='ant-form-item-content ' v-html='"状态"'>
                            
                        </span>
                        </div>
                        </template>
<a-select data-event class='webVueSelect  webVueAntYtSelectStyle' :dropdownClassName='"popup_yt-dbh9um1789acm"' :showArrow='true' v-model:value='Addedpopupwindowform1.Statusvalue1' :placeholder='"请输入"' :mode='"single"' :options='[{"label":"启用","value":"启用","disabled":false,"select":true},{"label":"禁用","value":"禁用","disabled":false,"select":false}]' :showSearch='true'>
                            
                        </a-select>
                        </a-form-item>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' id="yt-39mr6m178cenz" gridColumnStart="115" gridColumnEnd="425" gridRowStart="200" gridRowEnd="232" zIndex="6" previewType="FixedWH">
                <a-form-item ref='ref37' class='webVueAntInputFormItem webVueAntYtInputFormItem-ja8l7  webVueAntYtInputFormItem show-label' name='Emailvalue1' :colon='false' :rules='[]'>
                            <template #label>
                            <div class='label-content '>
                            <span class='ant-form-item-content ' v-html='"邮箱<br>"'>
                            
                        </span>
                        </div>
                        </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-j9jwa webVueAntYtInputStyle' v-model:value='Addedpopupwindowform1.Emailvalue1' :maxLength='100' :placeholder='"请输入"'>
                            
                        </a-input>
                        </a-form-item>
            </yt-grid-item>
        
            </yt-grid>
            
                        </a-form>
                        </template>
                        </yt-custom-modal>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' :isShow='AssignRolesisShow1' id="yt-zuab2m11yske2" gridColumnStart="599" gridColumnEnd="1114" gridRowStart="173" gridRowEnd="592" zIndex="9" previewType="FixedWH">
                <yt-custom-modal ref='ref26' @ok="()=> { handleAssignRole(); }" @cancel="()=> { handleCancelAssignRolePopup(); }" class='webVueAntYtModal  webVueAntYtModalStyle' v-model:isShow='AssignRolesisShow1' :title='"分配角色"'>
                            <template #content>
                            <a-form class='webVueAntForm ' :model='AssignRolesform1' :validate-trigger='"blur"' ref='ref26_form'>
                            
            <yt-grid  previewType="FixedWH" width="511" height="313">
                
            <yt-grid-item fixedSize='selfAdaption' :isShow='RoleisShow1' id="yt-vxw5hm11yske9" gridColumnStart="97" gridColumnEnd="398" gridRowStart="106" gridRowEnd="138" zIndex="1" previewType="FixedWH">
                <a-form-item ref='ref28' class='webVueSelectFormItem webVueAntYtSelectFormItem-52ea3  webVueAntYtSelectFormItem show-label' name='Rolevalue1' :colon='false' :rules='[]'>
                            <template #label>
                            <div class='label-content '>
                            <span class='ant-form-item-content ' v-html='"角色"'>
                            
                        </span>
                        </div>
                        </template>
<a-select data-event class='webVueSelect  webVueAntYtSelectStyle' :dropdownClassName='"popup_yt-vxw5hm11yske9"' :showArrow='true' v-model:value='AssignRolesform1.Rolevalue1' :placeholder='"请输入"' :mode='"single"' :options='Roleoptions1.dataSource' :showSearch='true'>
                            
                        </a-select>
                        </a-form-item>
            </yt-grid-item>
        
            </yt-grid>
            
                        </a-form>
                        </template>
                        </yt-custom-modal>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' :isShow='EditpopupwindowisShow1' id="yt-akf7vm178gabn" gridColumnStart="582" gridColumnEnd="1097" gridRowStart="166" gridRowEnd="837" zIndex="10" previewType="FixedWH">
                <yt-custom-modal ref='ref38' @ok="()=> { handleUpdateUser(); }" @cancel="()=> { handleCancelEditPopup(); }" class='webVueAntYtModal  webVueAntYtModalStyle' v-model:isShow='EditpopupwindowisShow1' :title='"编辑"'>
                            <template #content>
                            <a-form class='webVueAntForm ' :model='Editpopupwindowform1' :validate-trigger='"blur"' ref='ref38_form'>
                            
            <yt-grid  previewType="FixedWH" width="511" height="565">
                
            <yt-grid-item fixedSize='selfAdaption' id="yt-wvmufm178gabr" gridColumnStart="99" gridColumnEnd="425" gridRowStart="57" gridRowEnd="89" zIndex="1" previewType="FixedWH">
                <a-form-item ref='ref45' class='webVueAntInputFormItem webVueAntYtInputFormItem-6yq1x  webVueAntYtInputFormItem show-label' name='AccountNumber1value2' :colon='false' :rules='[{"required":true,"message":"不能为空"}]'>
                            <template #label>
                            <div class='label-content '>
                            <span class='ant-form-item-content ' v-html='"账号"'>
                            
                        </span>
                        </div>
                        </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-wm2dn webVueAntYtInputStyle' v-model:value='Editpopupwindowform1.AccountNumber1value2' :maxLength='100' :placeholder='"请输入"'>
                            
                        </a-input>
                        </a-form-item>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' id="yt-c7z4pm178gabu" gridColumnStart="71" gridColumnEnd="425" gridRowStart="124" gridRowEnd="156" zIndex="2" previewType="FixedWH">
                <a-form-item ref='ref46' class='webVueAntInputFormItem webVueAntYtInputFormItem-th26z  webVueAntYtInputFormItem show-label' name='UserNamevalue1' :colon='false' :rules='[{"required":true,"message":"不能为空"}]'>
                            <template #label>
                            <div class='label-content '>
                            <span class='ant-form-item-content ' v-html='"用户名称"'>
                            
                        </span>
                        </div>
                        </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-qxpxk webVueAntYtInputStyle' v-model:value='Editpopupwindowform1.UserNamevalue1' :maxLength='100' :placeholder='"请输入"'>
                            
                        </a-input>
                        </a-form-item>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' id="yt-h5s3sm178gabx" gridColumnStart="99" gridColumnEnd="425" gridRowStart="276" gridRowEnd="308" zIndex="3" previewType="FixedWH">
                <a-form-item ref='ref47' class='webVueAntInputFormItem webVueAntYtInputFormItem-l9eel  webVueAntYtInputFormItem show-label' name='Mobilephonenumbervalue2' :colon='false' :rules='[]'>
                            <template #label>
                            <div class='label-content '>
                            <span class='ant-form-item-content ' v-html='"手机号"'>
                            
                        </span>
                        </div>
                        </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-9w3ym webVueAntYtInputStyle' v-model:value='Editpopupwindowform1.Mobilephonenumbervalue2' :maxLength='100' :placeholder='"请输入"'>
                            
                        </a-input>
                        </a-form-item>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' id="yt-s2lf5m178gabz" gridColumnStart="115" gridColumnEnd="425" gridRowStart="352" gridRowEnd="384" zIndex="4" previewType="FixedWH">
                <a-form-item ref='ref48' class='webVueAntInputFormItem webVueAntYtInputFormItem-nzbq8  webVueAntYtInputFormItem show-label' name='Telephonevalue2' :colon='false' :rules='[]'>
                            <template #label>
                            <div class='label-content '>
                            <span class='ant-form-item-content ' v-html='"电话<br>"'>
                            
                        </span>
                        </div>
                        </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-jf511 webVueAntYtInputStyle' v-model:value='Editpopupwindowform1.Telephonevalue2' :maxLength='100' :placeholder='"请输入"'>
                            
                        </a-input>
                        </a-form-item>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' id="yt-orp22m178gac1" gridColumnStart="115" gridColumnEnd="425" gridRowStart="428" gridRowEnd="460" zIndex="5" previewType="FixedWH">
                <a-form-item ref='ref49' class='webVueSelectFormItem webVueAntYtSelectFormItem-q9kt3  webVueAntYtSelectFormItem show-label' name='Statusvalue2' :colon='false' :rules='[]'>
                            <template #label>
                            <div class='label-content '>
                            <span class='ant-form-item-content ' v-html='"状态"'>
                            
                        </span>
                        </div>
                        </template>
<a-select data-event class='webVueSelect  webVueAntYtSelectStyle' :dropdownClassName='"popup_yt-orp22m178gac1"' :showArrow='true' v-model:value='Editpopupwindowform1.Statusvalue2' :placeholder='"请输入"' :mode='"single"' :options='[{"label":"启用","value":"启用","disabled":false,"select":true},{"label":"禁用","value":"禁用","disabled":false,"select":false}]' :showSearch='true'>
                            
                        </a-select>
                        </a-form-item>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' id="yt-sd3q1m178gac8" gridColumnStart="115" gridColumnEnd="425" gridRowStart="200" gridRowEnd="232" zIndex="6" previewType="FixedWH">
                <a-form-item ref='ref50' class='webVueAntInputFormItem webVueAntYtInputFormItem-fyb44  webVueAntYtInputFormItem show-label' name='Emailvalue2' :colon='false' :rules='[]'>
                            <template #label>
                            <div class='label-content '>
                            <span class='ant-form-item-content ' v-html='"邮箱<br>"'>
                            
                        </span>
                        </div>
                        </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-mn15f webVueAntYtInputStyle' v-model:value='Editpopupwindowform1.Emailvalue2' :maxLength='100' :placeholder='"请输入"'>
                            
                        </a-input>
                        </a-form-item>
            </yt-grid-item>
        
            </yt-grid>
            
                        </a-form>
                        </template>
                        </yt-custom-modal>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' :isShow='ResetPasswordisShow1' id="yt-ftj90m178p7y9" gridColumnStart="629" gridColumnEnd="1144" gridRowStart="203" gridRowEnd="622" zIndex="11" previewType="FixedWH">
                <yt-custom-modal ref='ref51' @ok="()=> { handleResetPassword(); }" @cancel="()=> { handleCancelResetPasswordPopup(); }" class='webVueAntYtModal  webVueAntYtModalStyle' v-model:isShow='ResetPasswordisShow1' :title='"重置密码"'>
                            <template #content>
                            <a-form class='webVueAntForm ' :model='ResetPasswordform1' :validate-trigger='"blur"' ref='ref51_form'>
                            
            <yt-grid  previewType="FixedWH" width="511" height="313">
                
            <yt-grid-item fixedSize='selfAdaption' id="yt-02vjym178pwmn" gridColumnStart="110" gridColumnEnd="401" gridRowStart="133" gridRowEnd="165" zIndex="1" previewType="FixedWH">
                <a-form-item ref='ref55' class='webVueAntInputPasswordFormItem webVueAntYtInputPasswordFormItem-actgo  webVueAntYtInputPasswordFormItem show-label' name='NewPasswordvalue1' :colon='false' :rules='[]'>
                            <template #label>
                            <div class='label-content '>
                            <span class='ant-form-item-content ' v-html='"新密码"'>
                            
                        </span>
                        </div>
                        </template>
<yt-custom-input-password data-event class='webVueAntInputPassword webVueAntYtInputPasswordStyle-dwseo webVueAntYtInputPasswordStyle' v-model:value='ResetPasswordform1.NewPasswordvalue1' :placeholder='"请输入"' :maxlength='100'>
                            
                        </yt-custom-input-password>
                        </a-form-item>
            </yt-grid-item>
        
            </yt-grid>
            
                        </a-form>
                        </template>
                        </yt-custom-modal>
            </yt-grid-item>
        
            </yt-grid>
        </template>

<script>

  import { loadCss } from "../shared/loadTheme";
import axios from "axios";
import { message, Modal } from "ant-design-vue";
import { h } from "vue";
export default {
  data() {
    return {
      Resetloading1: false,
      Deleteloading1: false,
      Roleoptions1: {
        dataSource: [{
          label: "选项1",
          value: "选项1",
          disabled: false,
          select: false
        }, {
          label: "选项2",
          value: "选项2",
          disabled: false,
          select: false
        }],
        value: []
      },
      RoleisShow1: true,
      EnablestateKey1: "1",
      Enableloading1: false,
      UserFormcurrentRow1: {},
      UserFormselectedRows1: [],
      UserFormpageSize1: 10,
      UserFormdata1: {
        columns: [{
          key: "id",
          title: "id",
          dataIndex: "id"
        }, {
          key: "accountNumber",
          title: "账号",
          dataIndex: "accountNumber"
        }, {
          key: "userName",
          title: "用户名称",
          dataIndex: "userName"
        }, {
          key: "email",
          title: "邮箱",
          dataIndex: "email"
        }, {
          key: "mobilephonenumber",
          title: "手机号",
          dataIndex: "mobilephonenumber"
        }, {
          key: "telephone",
          title: "电话",
          dataIndex: "telephone"
        }, {
          key: "status",
          title: "状态",
          dataIndex: "status"
        }, {
          key: "operation",
          title: "操作",
          dataIndex: "operation",
          cellType: "slot"
        }],
        dataSource: [{
          id: 1,
          accountNumber: "标题1",
          userName: "标题1"
        }, {
          id: 2,
          accountNumber: "标题2",
          userName: "标题2"
        }]
      },
      UserFormcurrent2: 1,
      UserFormtotal1: 2,
      UserFormisShow1: true,
      Queryloading1: false,
      EditpopupwindowisShow1: false,
      Editpopupwindowform1: {
        id: null,
        AccountNumber1value2: "",
        UserNamevalue1: "",
        Mobilephonenumbervalue2: "",
        Telephonevalue2: "",
        Statusvalue2: "启用",
        Emailvalue2: ""
      },
      AssignRolesloading1: false,
      ResetPasswordloading1: false,
      AddedpopupwindowisShow1: false,
      Addedpopupwindowform1: {
        id: null,
        AccountNumber1value1: "",
        Theusernameisvalue1: "",
        Mobilephonenumbervalue1: "",
        Telephonevalue1: "",
        Statusvalue1: "启用",
        Emailvalue1: ""
      },
      AssignRolesisShow1: false,
      AssignRolesform1: {
        id: null,
        Rolevalue1: undefined
      },
      Editloading1: false,
      ResetPasswordisShow1: false,
      ResetPasswordform1: {
        id: null,
        NewPasswordvalue1: ""
      },
      AccountNumbervalue1: "",
      AccountNumberisShow1: true,
      Newloading1: false
    };
  },
  watch: {},
  methods: {
    async handleQueryUsers() {
      this.Queryloading1 = true;
      try {
        const response = await this.executeBackendInterface('queryUsers', {
          accountNumber: this.AccountNumbervalue1,
          current: this.UserFormcurrent2,
          pageSize: this.UserFormpageSize1
        });
        if (response.flag) {
          this.UserFormdata1.dataSource = response.data.data.map(item => ({
            id: item.id,
            accountNumber: item.accountNumber,
            userName: item.user_name,
            email: item.email,
            mobilephonenumber: item.phone_number,
            telephone: item.phone,
            status: item.status
          }));
          this.UserFormtotal1 = response.data.total;
        } else {
          message.error(response.message);
        }
      } catch (error) {
        message.error('查询用户失败');
      } finally {
        this.Queryloading1 = false;
      }
    },
    async handleResetUsers() {
      this.Resetloading1 = true;
      this.AccountNumbervalue1 = '';
      try {
        const response = await this.executeBackendInterface('resetUsers', {
          current: this.UserFormcurrent2,
          pageSize: this.UserFormpageSize1
        });
        if (response.flag) {
          this.UserFormdata1.dataSource = response.data.data.map(item => ({
            id: item.id,
            accountNumber: item.accountNumber,
            userName: item.user_name,
            email: item.email,
            mobilephonenumber: item.phone_number,
            telephone: item.phone,
            status: item.status
          }));
          this.UserFormtotal1 = response.data.total;
        } else {
          message.error(response.message);
        }
      } catch (error) {
        message.error('重置用户失败');
      } finally {
        this.Resetloading1 = false;
      }
    },
    async handleAddUser() {
      try {
        await this.$refs.ref14_form.validateFields();
        const response = await this.executeBackendInterface('addUser', {
          userName: this.Addedpopupwindowform1.Theusernameisvalue1,
          password: this.Addedpopupwindowform1.AccountNumber1value1,
          nickName: this.Addedpopupwindowform1.Theusernameisvalue1,
          email: this.Addedpopupwindowform1.Emailvalue1,
          phoneNumber: this.Addedpopupwindowform1.Mobilephonenumbervalue1,
          phone: this.Addedpopupwindowform1.Telephonevalue1
        });
        if (response.flag) {
          message.success('新增用户成功');
          this.AddedpopupwindowisShow1 = false;
          this.Addedpopupwindowform1 = {
            id: null,
            AccountNumber1value1: '',
            Theusernameisvalue1: '',
            Mobilephonenumbervalue1: '',
            Telephonevalue1: '',
            Statusvalue1: '启用',
            Emailvalue1: ''
          };
          await this.handleQueryUsers();
        } else {
          message.error(response.message);
        }
      } catch (error) {
        message.error('新增用户失败');
      }
    },
    async handleInitUsers() {
      try {
        const response = await this.executeBackendInterface('initUsers', {
          current: this.UserFormcurrent2,
          pageSize: this.UserFormpageSize1
        });
        if (response.flag) {
          this.UserFormdata1.dataSource = response.data.data.map(item => ({
            id: item.id,
            accountNumber: item.accountNumber,
            userName: item.user_name,
            email: item.email,
            mobilephonenumber: item.phone_number,
            telephone: item.phone,
            status: item.status
          }));
          this.UserFormtotal1 = response.data.total;
        } else {
          message.error(response.message);
        }
      } catch (error) {
        message.error('初始化用户失败');
      }
    },
    async handlePaginateUsers(pagination) {
      this.UserFormcurrent2 = pagination.current;
      this.UserFormpageSize1 = pagination.pageSize;
      await this.handleQueryUsers();
    },
    async handleUpdateUser() {
      try {
        await this.$refs.ref38_form.validateFields();
        const response = await this.executeBackendInterface('updateUser', {
          id: this.Editpopupwindowform1.id,
          userName: this.Editpopupwindowform1.UserNamevalue1,
          nickName: this.Editpopupwindowform1.UserNamevalue1,
          email: this.Editpopupwindowform1.Emailvalue2,
          phoneNumber: this.Editpopupwindowform1.Mobilephonenumbervalue2,
          phone: this.Editpopupwindowform1.Telephonevalue2,
          status: this.Editpopupwindowform1.Statusvalue2
        });
        if (response.flag) {
          message.success('更新用户成功');
          this.EditpopupwindowisShow1 = false;
          await this.handleQueryUsers();
        } else {
          message.error(response.message);
        }
      } catch (error) {
        message.error('更新用户失败');
      }
    },
    async handleShowEditPopup(record) {
      this.Editpopupwindowform1 = {
        id: record.id,
        AccountNumber1value2: record.accountNumber,
        UserNamevalue1: record.userName,
        Mobilephonenumbervalue2: record.mobilephonenumber,
        Telephonevalue2: record.telephone,
        Statusvalue2: record.status,
        Emailvalue2: record.email
      };
      this.EditpopupwindowisShow1 = true;
    },
    async handleAssignRole() {
      try {
        await this.$refs.ref26_form.validateFields();
        const response = await this.executeBackendInterface('updateUserRole', {
          userId: this.AssignRolesform1.id,
          roleId: this.AssignRolesform1.Rolevalue1
        });
        if (response.flag) {
          message.success('分配角色成功');
          this.AssignRolesisShow1 = false;
          await this.handleQueryUsers();
        } else {
          message.error(response.message);
        }
      } catch (error) {
        message.error('分配角色失败');
      }
    },
    async handleResetPassword() {
      try {
        await this.$refs.ref51_form.validateFields();
        const response = await this.executeBackendInterface('resetUserPassword', {
          id: this.ResetPasswordform1.id,
          newPassword: this.ResetPasswordform1.NewPasswordvalue1
        });
        if (response.flag) {
          message.success('重置密码成功');
          this.ResetPasswordisShow1 = false;
          await this.handleQueryUsers();
        } else {
          message.error(response.message);
        }
      } catch (error) {
        message.error('重置密码失败');
      }
    },
    async handleDeleteUser(record) {
      Modal.confirm({
        title: '确认删除',
        content: '确定要删除该用户吗？',
        onOk: async () => {
          try {
            const response = await this.executeBackendInterface('deleteUser', {
              id: record.id
            });
            if (response.flag) {
              message.success('删除用户成功');
              await this.handleQueryUsers();
            } else {
              message.error(response.message);
            }
          } catch (error) {
            message.error('删除用户失败');
          }
        },
        onCancel() {
          message.info('取消删除');
        }
      });
    },
    handleShowAddPopup() {
      // 打开新增弹窗
      this.AddedpopupwindowisShow1 = true;
    },
    handleCancelAddPopup() {
      // 关闭弹窗
      this.AddedpopupwindowisShow1 = false;

      // 清空表单项
      this.Addedpopupwindowform1 = {
        id: null,
        AccountNumber1value1: "",
        Theusernameisvalue1: "",
        Mobilephonenumbervalue1: "",
        Telephonevalue1: "",
        Statusvalue1: "启用",
        Emailvalue1: ""
      };
    },
    handleCancelEditPopup() {
      // 关闭编辑弹窗
      this.EditpopupwindowisShow1 = false;
    },
    async handleShowAssignRolePopup(record) {
      // 获取所有角色信息
      const allRolesResponse = await this.executeBackendInterface('getAllRoles', {});
      if (allRolesResponse.flag) {
        this.Roleoptions1.dataSource = allRolesResponse.data.map(role => ({
          label: role.role_name,
          value: role.id,
          disabled: false,
          select: false
        }));
      } else {
        message.error('获取所有角色信息失败');
        return;
      }

      // 获取当前用户的角色信息
      const userRolesResponse = await this.executeBackendInterface('getUserRoles', {
        userId: record.id
      });
      if (userRolesResponse.flag) {
        this.AssignRolesform1.Rolevalue1 = userRolesResponse.data.map(role => role.id);
      } else {
        message.error('获取用户角色信息失败');
        return;
      }

      // 显示分配角色弹窗
      this.AssignRolesisShow1 = true;
    },
    handleCancelAssignRolePopup() {
      // 关闭分配角色弹窗
      this.AssignRolesisShow1 = false;
    },
    handleCancelResetPasswordPopup() {
      // 关闭重置密码弹窗
      this.ResetPasswordisShow1 = false;
    },
    handleShowResetPasswordPopup(record) {
      // 设置表单的id为当前记录的id
      this.ResetPasswordform1.id = record.id;
      // 显示重置密码弹窗
      this.ResetPasswordisShow1 = true;
    },
    async handleToggleUserStatus(record) {
      // 弹出确认对话框
      Modal.confirm({
        title: '确认操作',
        content: `确定要${record.status === 2 ? '启用' : '锁定'}该用户吗？`,
        onOk: async () => {
          // 设置按钮加载状态
          this.Enableloading1 = true;
          try {
            // 调用后端接口
            const response = await this.executeBackendInterface('toggleUserStatus', {
              id: record.id
            });
            if (response.flag) {
              // 更新用户状态
              record.status = response.data.status;
              message.success('操作成功');
            } else {
              message.error(response.message);
            }
          } catch (error) {
            message.error('操作失败');
          } finally {
            // 取消按钮加载状态
            this.Enableloading1 = false;
          }
        },
        onCancel: () => {
          // 取消操作
        }
      });
    },
    async fetchAndSetVariables() {
      try {
        // 调用后端接口获取变量数组 需要传入pageUuid变量
        const pageUuid = '1834884370091999232';
        const response = await axios.get(`./system/permission/getCurrentPageNotShowVariable?pageUuid=${pageUuid}`);
        const variablesArray = response.data; // 后端直接返回变量数组

        if (variablesArray && Array.isArray(variablesArray))
          // 遍历数组，将每个变量设置为true
          variablesArray.forEach(variable => {
            this[variable] = true;
          });
      } catch (error) {
        console.error('获取变量失败:', error);
      }
    },
    executeBackendInterface(funcName, params) {
      // 处理参数为Map的情况
      if (params instanceof Map) {
        params = Object.fromEntries(params);
      }
      // 调用后端接口
      return new Promise((resolve, reject) => {
        axios.post('./Usermanagement/' + funcName, params, {
          headers: {
            'Content-Type': 'application/json'
          }
        }).then(response => {
          resolve(response.data);
        }).catch(error => {
          reject(error);
        });
      });
    }
  },
  mounted() {
    loadCss('./css/用户管理/theme.css');
    this.handleInitUsers();
    // 组件挂载后自动调用函数获取变量
    this.fetchAndSetVariables();
  },
  computed: {
    EnablebuttonState1() {
      switch (this.EnablestateKey1) {
        case '1':
          return {
            "statusId": "1",
            "content": "启用",
            "label": "状态1"
          };
        case '2':
          return {
            "statusId": "2",
            "content": "锁定",
            "label": "状态2"
          };
        default:
          console.log('状态不存在!');
          return {
            "statusId": "2",
            "content": "锁定",
            "label": "状态2"
          };
      }
    }
  }
};

</script>
<style lang="less">
.page-r4lps{
.webVueAntYtRectangleStyle{
opacity: 1;
box-shadow: 0px 0px 0px 0px transparent;
background: transparent;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top: 1px solid #CDCDCD;
border-right: 1px solid #CDCDCD;
border-bottom: 1px solid #CDCDCD;
border-left: 1px solid #CDCDCD;
}
.webVueAntYtRectangle {
    width: 100%;
    height:100%;

}

.webVueAntYtRectangleStyle-e9ya1{
background: #ffffff;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
}

.webVueAntYtButtonStyle{
opacity: 1;
color: #FFFFFF;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
background: #4A90E2;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 0px solid #D9D9D9;
border-right: 0px solid #D9D9D9;
border-bottom: 0px solid #D9D9D9;
border-left: 0px solid #D9D9D9;
box-shadow: 0px 0px 0px 0px transparent;
padding-top: 2px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 0px;
}
.webVueAntYtButtonStyle>span{
line-height: 28px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
text-align: center;
text-align-last: center;
}
.webVueAntButton  {
  width: 100%;
  height:100%;
  display: flex;
}
.webVueAntButton .span:first-child{
  flex: 0 0 8px;
}
.webVueAntButton .yt-button-content{
  display: inline-block;
  flex: 1;
}

.webVueAntButton.ant-btn-loading.center .yt-button-content,
.webVueAntButton.ant-btn-loading.right .yt-button-content,
.webVueAntButton.ant-btn-loading.left .yt-button-content {
  flex: 0 0 auto;
}
.webVueAntButton span:focus{
  outline: none;
}
.webVueAntButton.ant-btn-two-chinese-chars>:not(.anticon) {
  margin-right: 0;
}

.webVueAntYtButtonStyle-8paac{
color: #FFFFFF !important;
background: #3C8EFF !important;
align-items: center;
justify-content: center;
}
.webVueAntYtButtonStyle-8paac>span{
letter-spacing: 0px !important;
}

.webVueAntYtRectangleStyle-f48gy{
background: #ffffff;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
}

.webVueAntYtInputFormItem{
flex-direction: row;
opacity: 1;
}
.webVueAntYtInputFormItem .ant-form-item-label label{
text-decoration: none;
font-style: normal;
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
width: 52px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtInputFormItem .ant-form-item-label label .label-content{
text-align: left;
text-align-last: left;
}
.webVueAntYtInputStyle:not(.ant-input-affix-wrapper){
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
background: #FFFFFF;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 1px solid #CDCDCD;
border-right: 1px solid #CDCDCD;
border-bottom: 1px solid #CDCDCD;
border-left: 1px solid #CDCDCD;
box-shadow: 0px 0px 0px 0px transparent;
text-decoration: none;
font-style: normal;
text-align: left;
text-align-last: left;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 12px;
}
.webVueAntYtInputStyle.ant-input-affix-wrapper{
background: #FFFFFF;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 1px solid #CDCDCD;
border-right: 1px solid #CDCDCD;
border-bottom: 1px solid #CDCDCD;
border-left: 1px solid #CDCDCD;
box-shadow: 0px 0px 0px 0px transparent;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 12px;
}
.webVueAntYtInputStyle.ant-input-affix-wrapper input{
text-decoration: none;
font-style: normal;
text-align: left;
text-align-last: left;
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
}
.webVueAntYtInputStyle:not(.ant-input-affix-wrapper)::placeholder,.webVueAntYtInputStyle:not(.ant-input-affix-wrapper)::-webkit-input-placeholder,.webVueAntYtInputStyle input::placeholder,.webVueAntYtInputStyle input::-webkit-input-placeholder{
color: #999999;
}
.webVueAntInputFormItem  {
  flex-wrap: nowrap;
}
.webVueAntInputFormItem ,
.webVueAntinput,
.webVueAntInputFormItem .ant-form-item-control-input,
.webVueAntInputFormItem .ant-form-item-control-input .ant-form-item-control-input-content {
  width: 100%;
  height: 100%;
}
.webVueAntInputFormItem .ant-form-item-label {
  flex-shrink: 0;
  padding: 0;
  text-align: left;
}
.webVueAntInputFormItem .ant-form-item-label label {
  width: 100%;
  height: 100%;
}
.webVueAntInputFormItem .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before {
  margin-top: 4px;
}
.webVueAntInputFormItem .ant-form-item-label label .label-content{
  flex: 1;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.webVueAntInputFormItem .ant-form-item-label>label.ant-form-item-no-colon:after {
  display: none;
}
.webVueAntInputFormItem .ant-form-item-label label .ant-form-item-content {
  white-space: nowrap;
}
.webVueAntInputFormItem.hide-label .ant-form-item-label {
  display: none;
}
.webVueAntInputFormItem .ant-form-item-content:focus{
  outline: none;
}
.webVueAntinput.ant-input-affix-wrapper input {
  background-color: transparent;
}


.webVueAntYtInputFormItem-shqdv .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-shqdv .ant-form-item-label label{
width: 38px;
padding-right: 10px;
}
.webVueAntYtInputStyle-h7xq5:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}

.webVueAntYtButtonStyle-zctcy{
color: #FFFFFF !important;
background: #3C8EFF !important;
align-items: center;
justify-content: center;
}
.webVueAntYtButtonStyle-zctcy>span{
letter-spacing: 0px !important;
}

.webVueAntYtTable {
    display: inline-block;
}
.webVueAntYtTable .ant-radio-input {
    display: none;
}
.webVueAntYtTable thead tr th div:first-child {
    display: flex !important;
    align-items: center;
}
.webVueAntYtTable thead tr th:before {
    content: none !important;
}
.webVueAntYtTable thead tr th:not(.ant-table-selection-column), .webVueAntYtTable .ant-table-tbody tr td:not(.ant-table-selection-column) {
    padding: 0 !important;
}
.webVueAntYtTable thead tr th.ant-table-selection-column, .webVueAntYtTable .ant-table-tbody tr td.ant-table-selection-column {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.webVueAntYtTable .ant-table-tbody tr td, .webVueAntYtTable thead tr th {
    position: relative;
}
.webVueAntYtTable .ant-table-tbody tr td .td-text, .webVueAntYtTable thead tr th .th-text {
    width: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.webVueAntYtTable tr td .td-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.webVueAntYtTable .ant-table-tbody tr td {
    border-top: 0 !important;
}
.webVueAntYtTable .ant-table-tbody tr td .ant-radio-wrapper {
    align-items: center;
}
.webVueAntYtTable .ant-table-tbody tr:last-child td {
    border-bottom: 0 !important;
}
.webVueAntYtTable .ant-pagination {
    display: flex;
}

.webVueAntYtTable .add-pointer {
    display: flex !important;
}
.webVueAntYtTable .ant-table-thead .ant-table-cell-scrollbar {
    width: 6px;
}
.webVueAntYtTable .ant-table-header colgroup col:not(.ant-table-selection-col) {
    width: auto !important;
}
:focus-visible {
    outline: none;
}
.webVueAntYtTable .ant-table-body::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    border-radius: 2px;
}
.webVueAntYtTable .ant-table-body::-webkit-scrollbar-thumb {
    background-color: #ccc;
}
.webVueAntYtTable.custom-table .ant-table-content {
    overflow: hidden !important;
    max-height: unset !important;
}

.webVueAntYtTableStyle-i71kh{
opacity: 1;
}
.webVueAntYtTableStyle-i71kh .ant-table{
box-shadow: 0px 0px 0px 0px transparent;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 1px solid #D9D9D9;
border-right: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
border-left: 1px solid #D9D9D9;
}
.webVueAntYtTableStyle-i71kh .ant-table th:first-child{
border-top-left-radius: 4px !important;
}
.webVueAntYtTableStyle-i71kh .ant-table th:last-child{
border-top-right-radius: 4px !important;
}
.webVueAntYtTableStyle-i71kh .ant-table tr:last-child td:first-child{
border-bottom-left-radius: 4px !important;
}
.webVueAntYtTableStyle-i71kh .ant-table tr:last-child td:last-child{
border-bottom-right-radius: 4px !important;
}
.webVueAntYtTableStyle-i71kh .ant-table .ant-table-thead tr,.webVueAntYtTableStyle-i71kh .ant-table .ant-table-thead tr th div:first-child{
height: 50px;
}
.webVueAntYtTableStyle-i71kh .ant-table .ant-table-thead tr th div.ant-table-selection{
line-height: 50px;
}
.webVueAntYtTableStyle-i71kh .ant-table .ant-table-thead tr th{
background: #4A90E20D;
}
.webVueAntYtTableStyle-i71kh .ant-table .ant-table-thead tr span.th-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: bold;
line-height: 50px;
letter-spacing: 0px;
font-style: normal;
text-align: center;
text-align-last: center;
text-decoration: none;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-i71kh .ant-table tbody tr td{
height: 50px;
}
.webVueAntYtTableStyle-i71kh .ant-table tbody tr td .ant-checkbox-wrapper{
line-height: 50px;
}
.webVueAntYtTableStyle-i71kh .ant-table tbody tr td{
background: #FFFFFF;
}
.webVueAntYtTableStyle-i71kh .ant-table thead tr th,.webVueAntYtTableStyle-i71kh .ant-table .ant-table-tbody tr:not(:last-child) td{
border-bottom: 1px solid #dcdcdc;
}
.webVueAntYtTableStyle-i71kh .ant-table thead tr th:not(:last-child),.webVueAntYtTableStyle-i71kh .ant-table .ant-table-tbody tr td:not(:last-child){
border-right: 1px solid #dcdcdc;
}
.webVueAntYtTableStyle-i71kh.ant-table-striped .ant-table tbody tr:nth-child(2n-1) td{
background: #FFFFFF;
}
.webVueAntYtTableStyle-i71kh.ant-table-striped .ant-table tbody tr:nth-child(2n) td{
background: #FFFFFF;
}
.webVueAntYtTableStyle-i71kh .ant-table tbody tr:not(.ant-table-row-selected):hover td{
background: #E4EFFF !important;
}
.webVueAntYtTableStyle-i71kh .ant-table tbody tr:not(.ant-table-row-selected):hover td span.td-text{
color: #000000 !important;
}
.webVueAntYtTableStyle-i71kh .ant-table-tbody tr.ant-table-row-selected td{
background: #3C8EFF !important;
}
.webVueAntYtTableStyle-i71kh .ant-table-tbody tr.ant-table-row-selected td span.td-text{
color: #FFFFFF !important;
}
.webVueAntYtTableStyle-i71kh .ant-pagination li:not(.ant-pagination-options),.webVueAntYtTableStyle-i71kh .ant-pagination button,.webVueAntYtTableStyle-i71kh .ant-pagination li .ant-select .ant-select-selector,.webVueAntYtTableStyle-i71kh .ant-pagination li input{
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
background: #FFFFFF;
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 32px;
letter-spacing: 0px;
text-align: center;
text-align-last: center;
font-style: normal;
text-decoration: none;
}
.webVueAntYtTableStyle-i71kh .ant-pagination button,.webVueAntYtTableStyle-i71kh .ant-pagination li .ant-select .ant-select-selector,.webVueAntYtTableStyle-i71kh .ant-pagination li input,.webVueAntYtTableStyle-i71kh .ant-pagination li a,.webVueAntYtTableStyle-i71kh .ant-pagination li .ant-pagination-options-quick-jumper{
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-i71kh .ant-pagination li:not(.ant-pagination-options),.webVueAntYtTableStyle-i71kh .ant-pagination li.ant-pagination-options .ant-pagination-options-size-changer.ant-select .ant-select-selector,.webVueAntYtTableStyle-i71kh .ant-pagination li.ant-pagination-options .ant-pagination-options-quick-jumper input{
border-top: 1px solid #D9D9D9;
border-right: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
border-left: 1px solid #D9D9D9;
}
.webVueAntYtTableStyle-i71kh .ant-pagination li button{
border: none;
}
.webVueAntYtTableStyle-i71kh .ant-pagination li a,.webVueAntYtTableStyle-i71kh .ant-pagination li .ant-pagination-options-quick-jumper{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 32px;
letter-spacing: 0px;
text-align: center;
text-align-last: center;
font-style: normal;
text-decoration: none;
}
.webVueAntYtTableStyle-i71kh .ant-pagination li.ant-pagination-item-active{
background: #FFFFFF;
border-top: 1px solid #1890ff;
border-right: 1px solid #1890ff;
border-bottom: 1px solid #1890ff;
border-left: 1px solid #1890ff;
}
.webVueAntYtTableStyle-i71kh .ant-pagination li.ant-pagination-item-active a{
color: #1890ff;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 32px;
letter-spacing: 0px;
text-align: center;
text-align-last: center;
font-style: normal;
text-decoration: none;
}
.webVueAntYtTableStyle-i71kh tr td:nth-child(1) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-i71kh tr td:nth-child(1) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-i71kh tr > th:nth-child(1), .webVueAntYtTableStyle-i71kh .ant-table-body tr.ant-table-measure-row td:nth-child(1){
width: calc((100% - 400px) / 6) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-i71kh tr td:nth-child(2) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-i71kh tr td:nth-child(2) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-i71kh tr > th:nth-child(2), .webVueAntYtTableStyle-i71kh .ant-table-body tr.ant-table-measure-row td:nth-child(2){
width: calc((100% - 400px) / 6) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-i71kh tr td:nth-child(3) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-i71kh tr td:nth-child(3) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-i71kh tr > th:nth-child(3), .webVueAntYtTableStyle-i71kh .ant-table-body tr.ant-table-measure-row td:nth-child(3){
width: calc((100% - 400px) / 6) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-i71kh tr td:nth-child(4) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-i71kh tr td:nth-child(4) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-i71kh tr > th:nth-child(4), .webVueAntYtTableStyle-i71kh .ant-table-body tr.ant-table-measure-row td:nth-child(4){
width: calc((100% - 400px) / 6) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-i71kh tr td:nth-child(5) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-i71kh tr td:nth-child(5) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-i71kh tr > th:nth-child(5), .webVueAntYtTableStyle-i71kh .ant-table-body tr.ant-table-measure-row td:nth-child(5){
width: calc((100% - 400px) / 6) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-i71kh tr td:nth-child(6) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-i71kh tr td:nth-child(6) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-i71kh tr > th:nth-child(6), .webVueAntYtTableStyle-i71kh .ant-table-body tr.ant-table-measure-row td:nth-child(6){
width: calc((100% - 400px) / 6) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-i71kh tr td:nth-child(7) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-i71kh tr td:nth-child(7) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-i71kh tr > th:nth-child(7), .webVueAntYtTableStyle-i71kh .ant-table-body tr.ant-table-measure-row td:nth-child(7){
width: 400px !important;
min-width: 400px !important;
max-width: 400px !important;
}
.webVueAntYtTableStyle-i71kh{
width: 100%;
}

.webVueAntYtButtonStyle-qt6q7{
color: #4A90E2 !important;
background: transparent !important;
align-items: center;
justify-content: center;
}
.webVueAntYtButtonStyle-qt6q7>span{
letter-spacing: 0px !important;
}

.webVueAntYtButtonStyle-n9e8k{
color: #4A90E2 !important;
background: transparent !important;
align-items: center;
justify-content: center;
}
.webVueAntYtButtonStyle-n9e8k>span{
letter-spacing: 0px !important;
}

.webVueAntYtButtonStyle-46htz{
color: #D0021BD1 !important;
background: transparent !important;
align-items: center;
justify-content: center;
}
.webVueAntYtButtonStyle-46htz>span{
letter-spacing: 0px !important;
}

.webVueAntYtButtonStyle-8imow{
color: #4A90E2 !important;
background: transparent !important;
border-top: 1px solid #4A90E2;
border-right: 1px solid #4A90E2;
border-bottom: 1px solid #4A90E2;
border-left: 1px solid #4A90E2;
align-items: center;
justify-content: center;
}
.webVueAntYtButtonStyle-8imow>span{
letter-spacing: 0px !important;
}

.webVueAntYtModalStyle .ant-modal-wrap{
opacity: 1;
box-shadow: 0px 0px 0px 0px transparent;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
}
.webVueAntYtModalStyle .ant-modal-wrap .yt-custom-modal-header{
text-decoration: none;
font-style: normal;
text-align: left;
text-align-last: left;
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
padding-top: 12px;
padding-right: 0px;
padding-bottom: 12px;
padding-left: 21px;
}
.webVueAntYtModalStyle.yt-custom-modal .ant-modal-header{
height: 45px;
background: #ffffff;
}
.webVueAntYtModalStyle .ant-modal-wrap .ant-modal-close-x{
height: 45px;
line-height: 45px;
}
.webVueAntYtModalStyle.yt-custom-modal .ant-modal-footer{
height: 57px;
background: #ffffff;
}
.webVueAntYtModal {
    width: 100%;
    height: 100%;
}



.webVueAntYtInputFormItem-vgvud .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-vgvud .ant-form-item-label label{
width: 50px;
padding-right: 10px;
}
.webVueAntYtInputStyle-1251b:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}

.webVueAntYtInputFormItem-jazu5 .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-jazu5 .ant-form-item-label label{
width: 77px;
padding-right: 10px;
}
.webVueAntYtInputStyle-svy7z:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}


.webVueAntYtSelectFormItem{
flex-direction: row;
opacity: 1;
}
.webVueAntYtSelectFormItem .ant-form-item-label label{
text-decoration: none;
font-style: normal;
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
width: 52px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtSelectFormItem .ant-form-item-label label .label-content{
text-align: left;
text-align-last: left;
}
.webVueAntYtSelectStyle .ant-select-selector{
background: #FFFFFF !important;
border-top-left-radius: 4px !important;
border-top-right-radius: 4px !important;
border-bottom-left-radius: 4px !important;
border-bottom-right-radius: 4px !important;
border-top: 1px solid #CDCDCD !important;
border-right: 1px solid #CDCDCD !important;
border-bottom: 1px solid #CDCDCD !important;
border-left: 1px solid #CDCDCD !important;
box-shadow: 0px 0px 0px 0px transparent;
padding-top: 0px !important;
padding-right: 10px !important;
padding-bottom: 0px !important;
padding-left: 12px !important;
}
.webVueAntYtSelectStyle.ant-select:not(.ant-select-disabled):hover .ant-select-selector,.webVueAntYtSelectStyle.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{
border-right: 1px solid #CDCDCD !important;
}
.webVueAntYtSelectStyle .ant-select-selector .ant-select-selection-item{
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal !important;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtSelectStyle .ant-select-selector .ant-select-selection-search input{
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal !important;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtSelectStyle .ant-select-selector .ant-select-selection-placeholder{
color: #999999;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.popup_yt-vxw5hm11yske9.ant-select-dropdown{
border-top-left-radius: 2px !important;
border-top-right-radius: 2px !important;
border-bottom-left-radius: 2px !important;
border-bottom-right-radius: 2px !important;
background: #ffffff !important;
border-top: 1px solid transparent !important;
border-right: 1px solid transparent !important;
border-bottom: 1px solid transparent !important;
border-left: 1px solid transparent !important;
box-shadow: 0px 0px 10px 0px rgba(153,153,153,0.3);
padding-top: 0px !important;
padding-right: 0px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
}
.popup_yt-vxw5hm11yske9.ant-select-dropdown .ant-select-item{
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.popup_yt-vxw5hm11yske9.ant-select-dropdown .ant-select-item-option-selected{
background: #E6EFFE;
color: #333333;
}
.popup_yt-vxw5hm11yske9.ant-select-dropdown .ant-select-item:hover{
background: #F0F0F0;
color: #333333;
}
.popup_yt-vxw5hm11yske9 .ant-select-item-option-active:not(.ant-select-item-option-disabled){
background: #F0F0F0;
color: #333333;
}
.webVueSelectFormItem  {
  flex-wrap: nowrap;
}
.webVueSelectFormItem ,
.webVueSelectFormItem .ant-form-item-control-input,
.webVueSelectFormItem .ant-form-item-control-input .ant-form-item-control-input-content,
.webVueSelectFormItem .ant-form-item-control-input  .ant-select-selector .ant-select-selection-search input{
  width: 100%;
  height: 100%;
}
.webVueSelectFormItem .ant-form-item-control {
  min-width: 0;
}
.webVueSelectFormItem .ant-form-item-label {
  flex-shrink: 0;
  padding: 0;
  text-align: left;
}
.webVueSelectFormItem  .ant-form-item-label label {
  width: 100%;
  height: 100%;
}
.webVueSelectFormItem .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before {
  margin-top: 4px;
}
.webVueSelectFormItem .ant-form-item-label label .label-content{
  flex: 1;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.webVueSelectFormItem .ant-form-item-label>label.ant-form-item-no-colon:after {
  display: none;
}
.webVueSelectFormItem .ant-form-item-label label .ant-form-item-content {
  white-space: nowrap;
}
.webVueSelectFormItem.hide-label .ant-form-item-label {
  display: none;
}
.webVueSelectFormItem .ant-form-item-content:focus{
  outline: none;
}
.webVueSelect.ant-select-single .ant-select-selector .ant-select-selection-placeholder,
.webVueSelect.ant-select-single .ant-select-selector{
  display: flex;
  align-items: center;
}

.webVueSelect {
  width: 100%;
  height:100%;
}
.webVueSelect .ant-select-selector {
  width: 100% !important;
  height: 100% !important;
  overflow: auto;
}

.webVueAntYtSelectFormItem-52ea3 .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtSelectFormItem-52ea3 .ant-form-item-label label{
width: 38px;
padding-right: 10px;
}

.webVueAntYtButtonStyle-hqu6x{
color: #4A90E2 !important;
background: transparent !important;
align-items: center;
justify-content: center;
}
.webVueAntYtButtonStyle-hqu6x>span{
letter-spacing: 0px !important;
}

.webVueAntYtButtonStyle-9qywg-1{
color: #4A90E2 !important;
background: transparent !important;
align-items: center;
justify-content: center;
}
.webVueAntYtButtonStyle-9qywg-1>span{
letter-spacing: 0px !important;
}
.webVueAntYtButtonStyle-9qywg-2{
color: #D0021BD1 !important;
background: transparent !important;
align-items: center;
justify-content: center;
}
.webVueAntYtButtonStyle-9qywg-2>span{
letter-spacing: 0px !important;
}

.webVueAntYtInputFormItem-bs417 .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-bs417 .ant-form-item-label label{
padding-right: 10px;
}
.webVueAntYtInputStyle-xaeoq:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}

.webVueAntYtInputFormItem-a6x64 .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-a6x64 .ant-form-item-label label{
width: 38px;
padding-right: 10px;
}
.webVueAntYtInputStyle-6qkfh:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}

.webVueAntYtSelectFormItem-i6ydj .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtSelectFormItem-i6ydj .ant-form-item-label label{
width: 38px;
padding-right: 10px;
}

.webVueAntYtInputFormItem-ja8l7 .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-ja8l7 .ant-form-item-label label{
width: 38px;
padding-right: 10px;
}
.webVueAntYtInputStyle-j9jwa:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}


.webVueAntYtInputFormItem-6yq1x .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-6yq1x .ant-form-item-label label{
width: 50px;
padding-right: 10px;
}
.webVueAntYtInputStyle-wm2dn:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}

.webVueAntYtInputFormItem-th26z .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-th26z .ant-form-item-label label{
width: 78px;
padding-right: 10px;
}
.webVueAntYtInputStyle-qxpxk:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}

.webVueAntYtInputFormItem-l9eel .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-l9eel .ant-form-item-label label{
padding-right: 10px;
}
.webVueAntYtInputStyle-9w3ym:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}

.webVueAntYtInputFormItem-nzbq8 .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-nzbq8 .ant-form-item-label label{
width: 38px;
padding-right: 10px;
}
.webVueAntYtInputStyle-jf511:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}

.webVueAntYtSelectFormItem-q9kt3 .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtSelectFormItem-q9kt3 .ant-form-item-label label{
width: 38px;
padding-right: 10px;
}

.webVueAntYtInputFormItem-fyb44 .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-fyb44 .ant-form-item-label label{
width: 38px;
padding-right: 10px;
}
.webVueAntYtInputStyle-mn15f:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}


.webVueAntYtInputPasswordFormItem{
opacity: 1;
flex-direction: row;
}
.webVueAntYtInputPasswordFormItem .ant-form-item-label label{
text-decoration: none;
font-style: normal;
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
padding-top: 4px;
padding-right: 0px;
padding-bottom: 6px;
padding-left: 0px;
}
.webVueAntYtInputPasswordFormItem .ant-form-item-label label .label-content{
text-align: left;
text-align-last: left;
}
.webVueAntYtInputPasswordStyle{
background: #FFFFFF;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 1px solid #CDCDCD;
border-right: 1px solid #CDCDCD;
border-bottom: 1px solid #CDCDCD;
border-left: 1px solid #CDCDCD;
box-shadow: 0px 0px 0px 0px transparent;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 12px;
}
.webVueAntYtInputPasswordStyle input.ant-input{
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: undefined;
letter-spacing: undefined;
vertical-align: undefined;
text-decoration: none;
font-style: normal;
text-align: left;
text-align-last: left;
}
.webVueAntYtInputPasswordStyle input::placeholder,.webVueAntYtInputPasswordStyle input::-webkit-input-placeholder{
color: #999999;
}
.webVueAntInputPasswordFormItem  {
  flex-wrap: nowrap;
}
.webVueAntInputPasswordFormItem ,
.webVueAntInputPassword,
.webVueAntInputPasswordFormItem .ant-form-item-control-input,
.webVueAntInputPasswordFormItem .ant-form-item-control-input .ant-form-item-control-input-content {
  width: 100%;
  height: 100%;
}
.webVueAntInputPasswordFormItem .ant-form-item-label {
  flex-shrink: 0;
  padding: 0;
  text-align: left;
}
.webVueAntInputPasswordFormItem .ant-form-item-label label {
  width: 100%;
  height: 100%;
}
.webVueAntInputPasswordFormItem .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before {
  margin-top: 4px;
}
.webVueAntInputPasswordFormItem .ant-form-item-label label .label-content{
  flex: 1;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.webVueAntInputPasswordFormItem .ant-form-item-label>label.ant-form-item-no-colon:after {
  display: none;
}
.webVueAntInputPasswordFormItem .ant-form-item-label label .ant-form-item-content {
  white-space: nowrap;
}
.webVueAntInputPasswordFormItem.hide-label .ant-form-item-label {
  display: none;
}
.webVueAntInputPasswordFormItem .ant-form-item-content:focus{
  outline: none;
}
.webVueAntInputPassword .ant-input {
  background-color: transparent;
}

.webVueAntYtInputPasswordFormItem-actgo .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputPasswordFormItem-actgo .ant-form-item-label label{
width: 52px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
}
.webVueAntYtInputPasswordStyle-dwseo{
background: #FFFFFF !important;
}}
</style>